<template name="shoptheme1">
	<view>
		<view class="m-supermarket-ad">
			<view v-if="(commonTPL.AdContent.F1ProductContents.length>0)">
				<view class="m-supermarket-tip-list">
					<navigator :url="'/pagesub/product/list?is_store_flag=' + (commonTPL.isStoreFlag) + '&store_category_id=' + (item.store_product_cat_id) + '&cname=' + (item.name)"
					 v-for="(item, i) in commonTPL.smallCategory"  :key="i" class="m-supermarket-tip-item">
						<label>{{item.name}}</label>
					</navigator>
				</view>
				<view class="m-product-list m-listv">
					<navigator v-for="(item, i) in commonTPL.AdContent.F1ProductContents"  :key="i" :url="'/pagesub/product/detail?is_store_flag=' + (commonTPL.isStoreFlag) + '&pid=' + (item.ProductContentID)"
					 class="m-product-item">
						<view class="m-product-img">
							<image :src="(item.ImagePath)" mode="aspectFill" />
						</view>
						<view class="m-product-info">
							<view class="m-product-name">
								<label>{{item.ProductName}}</label>
							</view>
							<view class="m-product-price">
								<block v-if="item.item_color[0].item_sale_price">
									<label>{{__('￥')}}</label>{{number_format(item.item_color[0].item_sale_price, 2)}}
								</block>

								<block v-if="item.product_unit_points">
									<label style="margin: 0rpx 10rpx;">+</label><label style="font-size:32rpx">{{number_format(item.product_unit_points)}}</label> <label>{{__('积分')}}</label>
								</block>

								<block v-if="item.product_unit_sp">
									<label style="margin: 0rpx 10rpx;">+</label><label style="font-size:32rpx">{{item.product_unit_sp}}</label> <label>{{__('众宝')}}</label>
								</block>
							</view>
						</view>
					</navigator>
				</view>
			</view>
			<view class="m-nullcontent" v-else>
				<view class="m-nullpage-middle">
					<label class="iconfont icon-meiyougengduo"></label>
					<view class="m-null-tip">
						<text>{{__('亲~什么都没有')}}</text>
						<text>{{__('暂时没有商品哦')}}</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>

	import $ from "../../helpers/util";

	export default {
		name: "shoptheme1",
		props: {
			commonTPL: {
				type: Object,
				default () {
					return {
						isStoreFlag: 1,
						ProductInfo: {},
						addCar: false,
						count: 0,
						windowHeight: 0,
						categoryname: "",
						click6: true,
						cid: 0,
						cartlist: {},
						isdata: false,
						select_cart_ids: [],
						tapindex: 1,
						viewtype: 0,
						shopInfo: {},
						pdlist: [],
						sort: 2,
						ispage: true,
						flag: true,
						distance: 0,
						istop: false,
						TemplateKey: "",
						smallCategory: {},
						AdContent: {},
						post: {
							store_id: 0,
							orderby: 1,
							sort: 2,
							isnew: false,
							curpage: 1
						},
						formdate: "",
						pageId: 0
					}
				},
			},
		},
		data() {
			return {}
		},
		created: function() {},
		methods: {}
	}
</script>


<style lang="scss">
	@import "../../styles/_variables";

	@import '../../styles/layout.scss';
	@import '../../styles/store_themes.scss';
	@import '../../styles/store_tpl.scss';
</style>
